/* list的样式 */
.html {
    padding: 0;
    margin: 0;
    font-size: 0.4rem;
    height: 100vh;
}

.box1 {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
}

.box2 {
    width: 100%;
    height: 4rem;
    background-color: rgb(244, 244, 244);
    margin-top: 0.2rem !important;
}

.box3 {
    width: 90%;
    margin: auto;
    height: 2rem;
    border: 0.02rem solid white;
    border-radius: 3%;
    margin-top: 0.5rem !important;
    background-color: white;
    display: flex;
    gap: 0.2rem;
    align-items: center;
    padding: 0 0.5rem;
    box-sizing: border-box;
}

.box4 {
    width: 100%;
    height: 11.6rem;
    margin-top: 1.2rem !important;
}

.box5 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
    margin-left: 0.2rem;
    margin-top: 0.8rem;
}

.a {
    width: 48%;
    height: 1.5rem;
    background-color: rgb(244, 244, 244);
    margin-top: 0.2rem;
    line-height: 1.5rem;
    border-radius: 5%;
}

.active {
    color: 'red'
}
.content{
    width:7.8rem !important;
    margin:auto;
    /* background-color: yellow; */
}

/* list1样式 */
/* .content1{
    width:7.8rem !important;
    margin:auto !important;
} */
.html2 {
    /* width: 100%; */
    padding: 0;
    margin: 0;
    font-size: 0.4rem;
    height: 100vh;
    background-color: rgb(247, 246, 246);
}

.nav1 {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
}
.nav2{
    width:100%;
    height:5rem;
    background-color:white;
    border-radius: 5%;
    margin-top: 0.4rem;
}

.nav2 {
    width: 100%;
    height: 5rem;
    background-color: white;
    border-radius: 5%;
    margin-top: 0.4rem;
}
.nav3{
    width:100%;
    /* height:1rem; */
    /* background-color: rgb(221, 200, 204); */
    margin-top: 0.8rem;
    display: flex;
    justify-content: space-around;
}

/* list2的样式 */
.html3 {
    padding: 0;
    margin: 0;
    font-size: 0.4rem;
    height: 100vh;
    background-color: rgb(247, 246, 246);
}

.bo1 {
    width: 100%;
    height: 1rem;
    line-height: 1rem;
}

.bo2 {
    width: 100%;
    height: 4rem;
    background-color: white;
    margin-top: 0.2rem;
    border-radius: 5%;
}
.bo3{
    width: 100%;
    background-color: white;
    margin-top: 0.6rem;
    display: flex;
    justify-content: space-between;
    line-height: 1rem;
    align-items: center;
}
.bo4{
    width: 100%;
    background-color: white;
    margin-top: 0.6rem;
    display: flex;
    justify-content: space-between;
    line-height: 1rem;
    align-items: center;
}
.bo5{
    width: 100%;
    background-color: #3F45FF;
    margin-top: 0.6rem;
    display: flex;
    justify-content: space-between;
    line-height: 1rem;
    align-items: center;
}
/* list3样式 */
.html4{
    padding: 0;
    margin: 0;
    font-size: 0.4rem;
    height: 100vh;
    background-color:rgb(247, 246, 246);
}
.pp{
    width:100%;
    height:1rem;
    /* background-color: pink; */
    line-height: 1
}
.pp1{
    width:100%;
    height:2.4rem;
    background-color: white;
    border-radius: 5%;
    margin-top: 0.2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
/* list4样式 */
.html5{
    padding: 0;
    margin: 0;
    font-size: 0.4rem;
    height: 100vh;
    background-color:rgb(247, 246, 246);
}
.vv{
    width:100%;
    height:1rem;
    /* background-color: pink; */
    line-height: 1
}
/* list5样式 */
.html6{
    padding: 0;
    margin: 0;
    font-size: 0.4rem;
    height: 100vh;
    background-color:rgb(247, 246, 246);
}
.e{
    width:50%;
    height:4rem;
    /* background-color: pink; */
    margin:2rem auto;
}
.e2{
    width: 100%;
    background-color: #E4F0FF;
    margin-top: 0.6rem;
    display: flex;
    justify-content: space-between;
    line-height: 1rem;
    align-items: center;
}